/***************************************************************
    $Rev: 73 $
    $Author: knwetzig $
    $Date: 2014-08-10 14:13:34 +0000 (Sun, 10 Aug 2014) $
    $URL: http://diafip.googlecode.com/svn/branches/v2/style.css $
***** (c) DIAF e.V. *******************************************/


@media screen {
    #menue {
        float:left;
        width:12%;
        height:400px;
        font-size:0.9em;
        text-align:center;
    }

    #status {
        position:fixed;
        bottom:10px;
    }

    #main {
        float:right;
        width:86%;
        margin-right:10px;
    }

    #bereichssuche {
        float:left;
    }

    #bereichssymbole {
        float:right;
    }

    #login {
        background-image:url(images/bg.png);
        position:absolute;
        top:200px;
        left:200px;
        text-align:center;
        z-index:1000;
    }

    .bereich {
        /* Überschrift und Suchfeld -> Bereich */
        margin-bottom:10px;
        padding:10px;
        font-size:1.4em;
        font-weight:bold;
        color:#0080ff;
    }

    .darkBG {
        background-image:url(images/bg_dark.png);
    }

    button.small {
        background-image:url(images/bg.png);
        border:none;
        width:20px;
    }

    button.small_dk {
        background-image:url(images/bg_dark.png);
        border:none;
        width:20px;
    }
}

@media print {
/* Regeln für Drucker */
    #menue {
        display:none;
    }

    #status {
        display:none;
    }



    #main {
        clear:none;
        width:100%;
    }

    #bereichssuche {
        display:none;
    }

    #bereichssymbole {
        display:none;
    }

    button.small {
        display: none;
    }

    button.small_dk {
        display: none;
    }

}

/***** Normalisierung *****/
a:link	{
    text-decoration:none;
    color:darkblue
}

a:visited {
    text-decoration:none;
    color:darkblue
}

a:hover	{
    text-decoration:underline;
    color:blue
}

a:active {
    text-decoration:none
}

body {
    background:#FAFAF7 url(images/bg.png);
    font-family: sans-serif;
}

img {
    border:none;
    vertical-align:middle;
}

ul.noBullet {
    list-style-type: none;
    margin-left: -20px;
}

table {
    border:none;
}

td {
    vertical-align:top;
    /* padding und white-space:nowrap;  <-- wirkt sich auf Tooltipps aus */
    /* border:1px dotted gray; /* zu testzwecken */
}

fieldset {
    border-radius: 0.5em;
    border:solid 1px #0080ff;
    padding:10px;
}

legend {
    color: #0080ff;
    padding-left:10px;
    padding-right:10px;
}

input {
    margin:2px;
    vertical-align:middle
}

textarea.big {
    width:440px;
    height:300px;
}

textarea.medium {
    width:350px;
    height:220px;
}

textarea.small {
    width:350px;
    height:150px;
}

input[type='text'],[type='password'] {
    width:250px;
	padding:3px;
	border:1px #EEE solid;
}

input[type='text'].halb {
    width:125px;
}

input[type='text'].lang {
    width:500px;
}

input[type='submit'],[type='button'] {
    width:125px;
    margin:2px;
	padding:3px;
	border:1px #EEE solid;
}

select {
    width:250px; margin:2px
}

button {
    cursor: pointer;
    width:120px;
    margin:2px;
}

button.noBG {
    background-image:url(images/bg.png);
    border:none;
}

/* für Länderflaggen im Menübereich */
button.flag {
    background-image:url(images/bg.png);
    border:none;
    width:34px;
    height:22px;
}

/***** Eigene Klassen *****/
div#overDiv {
    position:absolute;
    visibility:hidden;
    z-index:1000;
}

.top {
    vertical-align:top;
}

.re {
    text-align:right;
    padding-right:10px;
}

.mittig {
    text-align:justify;
}

.fett {
    font-weight: bold
}

.invers {
    background:#F1FFC9;
    color:#102000
}

.ready {
    background:#F1FFC9;
    color:#007f00;
    text-align:right;
    font-size:smaller;
}

.note {
    color: #A0A0A0;
    font-stretch:semi-condensed;
    white-space:normal;
    font-size: 0.9em;
}

.big {
    font-size:28px;
    font-weight:bold;
    padding-left:50px;
    padding-top:10px;
}

.darkBG {
    background-image:url(images/bg_dark.png);
}

/***** Darstellungsfenster *****/

.bereich_fuss {
    /* Trenner zwischen Bereich und Inhalt */
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #0080ff;
}

.error {
    /* Fehlermeldungen für Nutzer */
    margin: 5px;
    padding: 5px;
    font-family: monospace;
    font-weight: normal;
    white-space: pre;
    color: #C00010;
    background-color: #FFEfEf;
    border: 1px solid #C00010;
}

.warng {
    /* Warnhinweis - doppelte Datensätze etc. */
    margin: 5px;
    padding: 5px;
    font-family: monospace;
    font-weight: normal;
    white-space: pre;
    text-decoration: blink;
    color: #C00010;
    background-color: #FFEf00;
    border: 1px solid #C00010;
}

.hinw {
    /* Hinweise für Nutzer */
    margin: 5px;
    padding: 5px;
    font-family: monospace;
    font-weight: normal;
    white-space: pre;
    color: black;
    background-color: white;
    border: 1px solid black;
}

.erfolg {
    /* Erfolgsmeldung für Nutzer */
    margin: 5px;
    padding: 5px;
    font-family: monospace;
    font-weight: normal;
    white-space: pre;
    color: #004000;
    background-color: #eeffee;
    border: 1px solid #008000;
}


.visor {
/* Internes Arbeitsmittel für Breakpoints und Testausgaben !no Touch please! */
    position: relative;
    margin: 20px;
    font-family: monospace;
    white-space: pre;
    color: #004000;
    background-color: #eeffee;
    border:1px dotted #008000;
    padding: 5px;
    z-index: 99
}

